<template>
  <div>
    <div style="position: fixed;top: 0;left: 0;width: 100%;height:100%;background-color: #e6faff"></div>
    <div style="position: absolute;top: 53px;left: 0;width: 100%;height:120px;background-color:#00ccbb">
      <p style="font-size: 31px;font-weight:800;color: white;letter-spacing: 3px;margin-left: 300px;padding: 5px;font-style: italic">找工作</p>
      <p style="font-size: 31px;font-weight:800;color: white;letter-spacing: 3px;margin-left: 300px;font-style: italic">上树叶招聘</p>
    </div>
    <div style="position: fixed;top: 0;left: 0;width: 100%;height: 53px;background-color: #39494d;z-index: 999">
      <h3 style="color: #00e3e6;letter-spacing: 3px;padding: 10px;margin-left: 260px">树叶招聘网</h3>
    </div>
    <div style="position: absolute;top: 174px;left:325px;width: 950px;height:100%;background-color: #ccfaff;border-radius: 25px">
    </div>

    <div style="position: absolute;top: 200px;left:670px;font-size: 22px;font-weight: 800;color: #669dff">
      <p>职业推荐，总有适合你的工作</p>
    </div>
    <div style="position: absolute;top: 260px;left:370px;width:100%;">
<!--      推荐行业，职业分类归纳-->
      <el-row class="tac">
        <el-col :span="12">
          <el-menu
              class="el-menu-vertical-demo"
              @open="handleOpen"
              @close="handleClose"
          >
            <el-sub-menu index="1">
              <template #title>
                <span>IT技术</span>
              </template>
              <el-sub-menu index="1-4">
                <template #title>后端开发</template>
                <el-menu-item index="1-4-1">后端开发工程师/1.2万-2.4万*15薪/芜湖-鸠江区/本科/招一人
                  <div style="display: flex; align-items: center">
                  <el-popover placement="right" :width="400" trigger="click">
                    <template #reference>
                      <el-button style="margin-right: 16px">查看详情</el-button>
                    </template>
                    <el-card style="max-width: 480px">
                      <template #header>
                        <div class="card-header">
                          <span>联系方式--18273374130/邮箱:2949388948@qq.com</span>
                        </div>
                      </template>
                      <p>职位描述</p>
                      <hr>
                      <p>岗位要求:</p>
                      <p>1:计算机或相关专业本科及以上学历，具有3年以上后端开发经验</p>
                      <p>2:精通Java/Python/Go/C#等任一种后端开发语言，了解常用设计模式</p>
                      <p>3:熟悉Spring Boot、Django、Flask、Express.js等后端开发框架</p>
                      <template #footer>
                        <p>工作职责</p>
                        <hr>
                        <p>1、负责公司产品的后端系统设计与开发，包括服务端架构设计、数据库设计、接口设计与开发</p>
                      </template>
                    </el-card>
                  </el-popover>
                </div>
                </el-menu-item>
                <el-menu-item index="1-4-2">初级Java开发工程师/1万-1.5万*14薪/芜湖*镜湖区*汀棠街道/本科
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系方式--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <p>职位描述</p>
                        <hr>
                        <p>岗位要求:</p>
                        <p>1、负责算法软件产品JAVA技术方向的产品研发工作</p>
                        <p>2、根据开发规范和流程进行设计，开发，测试，交付以满足需求</p>
                        <p>3、参与相关系统文档的撰写和维护</p>
                        <template #footer>
                          <p>任职资格</p>
                          <hr>
                          <p>1、211本科及以上学历，测绘、地理、计算机等理工专业</p>
                          <p>2、熟悉Java开发语言，有1年及以上Java项目开发经验</p>
                          <p>3、熟悉Oracle、MySQL、PostgreSQL、SQLServer等一种主流的数据库</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
                <el-menu-item index="1-4-3">Java工程师/7千-1.2万/芜湖*鸠江区/3-5年/大专/全职/招3人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系方式--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <p>职位描述</p>
                        <hr>
                        <p>岗位要求:</p>
                        <p>1、具有产品开发经验；三年以上JAVA开发经验</p>
                        <p>2、熟练使用spring cloud开发框架，以及IDEA等开发工具</p>
                        <p>3、熟悉各种中间件，以及mysql、oracle、sqlserver等数据库</p>
                        <p>4、熟悉Maven、Git等工具，熟悉Tomcat、Weblogic等应用服务器</p>
                        <p>5、能独立完成后端代码开发，根据需求完成相关功能</p>
                        <p>6、具有良好的沟通能力，能与业务工程师了解详细需求</p>
                        <p>7、汽车营销信息类系统开发经验优先</p>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="1-5">
                <template #title>Web前端</template>
                <el-menu-item index="1-5-1">Web前端工程师/1万-1.2万/芜湖-鸠江区/本科/全职/招一人
                  <div style="display: flex; align-items: center">
                  <el-popover placement="right" :width="400" trigger="click">
                    <template #reference>
                      <el-button style="margin-right: 16px">查看详情</el-button>
                    </template>
                    <el-card style="max-width: 480px">
                      <template #header>
                        <div class="card-header">
                          <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                        </div>
                      </template>
                      <h3>职位描述</h3>
                      <hr>
                      <p>1、分析现有系统架构，提出改进建议，并规划系统的技术演进路线，确保系统的可扩展性和稳定性</p>
                      <p>2、开发领导管理驾驶舱大屏，追踪和解决系统性能问题，优化前端渲染、资源加载、数据交互等环节，提升用户体验</p>
                      <p>3、跨团队协作，充分理解产品需求，确保技术解决方案的实施与业务目标的匹配。协助培养初级开发人员，传递技术经验和知识</p>
                      <br>
                      <p>岗位要求:</p>
                      <hr>
                      <p>1、至少5年以上Web开发经验，有成功的架构设计、管理驾驶舱大屏开发和性能优化等方面的案例经验，具备2D,3D模型渲染开发经验优先</p>
                      <template #footer>
                        <p>工作地点</p>
                        <hr>
                        <p>奇瑞控股集团有限公司(东南门)</p>
                      </template>
                    </el-card>
                  </el-popover>
                </div>
                </el-menu-item>
                <el-menu-item index="1-5-2">vue前端工程师/9千-1.2万/芜湖-鸠江区-官陡街道/1-3年/大专
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>项目周期半年，表现好，项目结束可以转做其他项目</p>
                        <p>外派给奇瑞前端开发人员</p>
                        <br>
                        <p>岗位职责:</p>
                        <hr>
                        <p>1.负责公司前端项目开发，包括Web、小程序 h5</p>
                        <p>2.负责公司B端产品、官网产品前端开发</p>
                        <br>
                        <p>任职要求</p>
                        <hr>
                        <p>1.计算机及相关专业大专以上学历，2-5年前端开发工作经验</p>
                        <p>2.精通Vue,熟悉其生态体系,并对其工作机制和设计模式有深入了解</p>
                        <p>3.前端基础知识扎实,熟练掌握JS,CSS3,熟练使用ES6语法</p>
                        <template #footer>
                          <p>工作地点</p>
                          <hr>
                          <p>芜湖安奇汽车股份有限公司</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>
                </el-menu-item>
                <el-menu-item index="1-5-3">Web开发人员/1.2万-2万/芜湖-鸠江区/3-5年/大专/全职/招5人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>本公司位于日本的东京都新宿区。 核心業務定位在為企業提供高端的IT人才解決方案、IT服務外包、 与本公司合作的企業多為一些日本大型的上市企業.目前公司正在高速發展進程中，热烈歡迎對未來有抱負的人才參與公司的發展。如果对在日本工作有强烈的兴趣，但语言还不太行的也欢迎与我们沟通交流。只有你抱有一副强烈希望在日本工作的心，请联系我们。</p>
                        <br>
                        <p>岗位职责:</p>
                        <hr>
                        <p>赴日软件设计开发业务领域：银行，证券，保险，物流，通信等 工作地点：日本 东京都内，横滨</p>
                        <br>
                        <p>任职要求</p>
                        <hr>
                        <p>1，计算机相关专业，大专以上学历</p>
                        <p>2、3年以上软件开发经验（Java、Javascript、PHP、.net、c♯、python、salesforce、SAP经验均可）</p>
                        <p>3，日语2级以上或相当水平</p>
                        <p>4，善于与人沟通，具备良好的团队合作、协调能力，对工作认真负责</p>
                        <template #footer>
                          <p>各项福利待遇</p>
                          <hr>
                          <p>日本厚生年金，社会保险， 雇佣保险，交通费，加班费，年有薪休假10天，五一长假，年末年始长假， 年涨薪一次</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>
                </el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="1-6">
                <template #title>算法工程师</template>
                <el-menu-item index="1-6-1">算法工程师/1.5万-2.3万*14薪/芜湖-镜湖区/经验不限/本科/招5人
                  <div style="display: flex; align-items: center">
                  <el-popover placement="right" :width="400" trigger="click">
                    <template #reference>
                      <el-button style="margin-right: 16px">查看详情</el-button>
                    </template>
                    <el-card style="max-width: 480px">
                      <template #header>
                        <div class="card-header">
                          <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                        </div>
                      </template>
                      <h3>职位描述</h3>
                      <hr>
                      <p>岗位描述</p>
                      <br>
                      <p>复杂结构算法、概念解析算法、大数据融合算法、人工智能算法等分析、建模和程序实现</p>
                      <p>任职要求</p>
                      <br>
                      <p>1. 关键本科以上学历，计算机、数学等相关专业</p>
                      <p>2. 熟悉至少一门编程语言（Python、Java等），有相应编码经验</p>
                      <p>3. 了解常用的数据结构和算法</p>
                      <template #footer>
                        <p>职位福利</p>
                        <hr>
                        <p>五险一金、带薪年假、绩效奖金、定期体检、员工旅游、周末双休、员工食堂</p>
                      </template>
                    </el-card>
                  </el-popover>
                </div>
                </el-menu-item>
                <el-menu-item index="1-6-2">图像算法工程师/1.5万-2.4万*15薪/芜湖-鸠江区/经验不限/本科/全职/招2人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位职责</p>
                        <br>
                        <p>1、负责机器视觉系统应用开发、技术方案分析与制定、项目执行</p>
                        <p>2、负责机器视觉硬件系统的设计、选型、评估与实验</p>
                        <p>3、负责机器视觉相关软件算法开发、调试优化等工作</p>
                        <p>4、负责基于2D与3D视觉数据进行工件的定位、识别、质量检测算法的设计、开发、调试</p>
                        <p>任职要求</p>
                        <br>
                        <p>1、本科及以上学历，计算机、图像处理、自动化、光学、数学等相关专业优先</p>
                        <p>2、有视觉项目开发经验；精通图像增强、图像分割、特征提取、模板匹配等传统数字图像处理算法，有较强的算法实现能力</p>
                        <template #footer>
                          <p>职位福利</p>
                          <hr>
                          <p>五险一金、带薪年假、绩效奖金、定期体检、员工旅游、周末双休、员工食堂</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>
                </el-menu-item>
                <el-menu-item index="1-6-3">AI工程师/7千-1.2万*15薪/芜湖-湾沚区/1-3年/本科/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>人工智能，有一年以上工作经验</p>
                        <br>
                        <template #footer>
                          <p>工作地点</p>
                          <hr>
                          <p>安徽省芜湖市湾沚区阳光大道18号上海裕东自动化科技有限公司</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>
                </el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="1-7">
                <template #title>嵌入式工程师</template>
                <el-menu-item index="1-7-1">嵌入式开发工程师/1.3万-1.8万/芜湖-鸠江区/3-5年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                  <el-popover placement="right" :width="400" trigger="click">
                    <template #reference>
                      <el-button style="margin-right: 16px">查看详情</el-button>
                    </template>
                    <el-card style="max-width: 480px">
                      <template #header>
                        <div class="card-header">
                          <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                        </div>
                      </template>
                      <h3>职位描述</h3>
                      <hr>
                      <p>1、嵌入式/MCU开发，工作经验3年，精通C语言</p>
                      <p>2、有Bootload开发经验，有问题排查经验</p>
                      <p>3、熟练总线通讯，CAN、LIN、SPI等</p>
                      <p>4、有驱动开发经验，可以读懂芯片手册，按照手册开发或进行功能测试</p>
                      <p>5、可以独立编写开发技术文档、测试报告</p>
                      <template #footer>
                        <p>工作地点</p>
                        <hr>
                        <p>埃泰克(南门)</p>
                      </template>
                    </el-card>
                  </el-popover>
                </div>
                </el-menu-item>
                <el-menu-item index="1-7-2">高级嵌入式开发工程师/1万-2万/芜湖-湾沚区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>需要2年以上工作经验，熟悉STM32系统编程。负责整个项目的设计开发 迭代。最好有发动机开发测试经验</p>
                        <template #footer>
                          <p>工作地点</p>
                          <hr>
                          <p>北航芜湖通航创新园</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>
                </el-menu-item>
                <el-menu-item index="1-7-3">ARM嵌入式软件工程师/6千-1.2万/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>1、熟悉ARM平台的开发与设计,熟悉相关外围电路的设计，模拟电路、数字电路等知识 能看懂基本的硬件原理图，芯片手册</p>
                        <p>2、精通C/C++编程语言,有良好的面向对象编程思维和至少两年以上的编程经验</p>
                        <br>
                        <p>工作内容</p>
                        <p>1、负责既有产品软件升级</p>
                        <p>2、负责产品的软件的开发、编写、调试等工作</p>
                        <p>3、配合机械和电气相关人员,进行机器人、AGV在线调试</p>
                        <p>4、机器人、AGV的调试和客户技术支持</p>
                        <p>5、售前及售后的技术支持</p>
                        <template #footer>
                          <p>职位福利</p>
                          <hr>
                          <p>五险一金、绩效奖金、加班补助、包住、餐补、免费班车、员工旅游、节日福利</p>
                          <p>工作地点</p>
                          <p>银湖北路</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>
                </el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
            <el-sub-menu index="2">
              <template #title>
                <span>市场/销售</span>
              </template>
              <el-sub-menu index="2-4">
                <template #title>市场策划</template>
                <el-menu-item index="2-4-1">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                  <el-popover placement="right" :width="400" trigger="click">
                    <template #reference>
                      <el-button style="margin-right: 16px">查看详情</el-button>
                    </template>
                    <el-card style="max-width: 480px">
                      <template #header>
                        <div class="card-header">
                          <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                        </div>
                      </template>
                      <h3>职位描述</h3>
                      <hr>
                      <p>岗位内容</p>
                      <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                      <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                      <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                      <p>任职要求</p>
                      <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                      <p>2. 最好有一年以上市场策划与推广经验</p>
                      <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                      <template #footer>
                        <p>福利待遇</p>
                        <hr>
                        <p>1 六险一金，除了社保之外还有商业保险</p>
                        <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                        <p>3 过年按时返工车费补贴，探亲假 等</p>
                        <p>4 工作环境优雅，工作氛围轻松和谐</p>
                      </template>
                    </el-card>
                  </el-popover>
                </div>

                </el-menu-item>
                <el-menu-item index="2-4-2">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="2-5">
                <template #title>市场策划</template>
                <el-menu-item index="2-4-1">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假 等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
                <el-menu-item index="2-4-2">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="2-6">
                <template #title>市场策划</template>
                <el-menu-item index="2-4-1">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假 等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
                <el-menu-item index="2-4-2">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
            <el-sub-menu index="3">
              <template #title>
                <span>机械/制造</span>
              </template>
              <el-sub-menu index="3-4">
                <template #title>机械制造工程师</template>
                <el-menu-item index="3-4-1">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
            <el-sub-menu index="4">
              <template #title>
                <span>金融保险</span>
              </template>
              <el-sub-menu index="4-4">
                <template #title>投资经理</template>
                <el-menu-item index="4-4-1">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
            <el-sub-menu index="5">
              <template #title>
                <span>产品/项目</span>
              </template>
              <el-sub-menu index="5-4">
                <template #title>项目经理</template>
                <el-menu-item index="5-4-1">文案策划员/市场专员/5千-8千*13薪/芜湖-鸠江区/1-3年/大专/全职/招1人
                  <div style="display: flex; align-items: center">
                    <el-popover placement="right" :width="400" trigger="click">
                      <template #reference>
                        <el-button style="margin-right: 16px">查看详情</el-button>
                      </template>
                      <el-card style="max-width: 480px">
                        <template #header>
                          <div class="card-header">
                            <span>联系它--18273374130/邮箱:2949388948@qq.com</span>
                          </div>
                        </template>
                        <h3>职位描述</h3>
                        <hr>
                        <p>岗位内容</p>
                        <p>1. 制定市场推广计划，策划并执行品牌推广活动</p>
                        <p>2. 负责电商平台推广方案，协调相关资源实施</p>
                        <p>3. 收集整理市场信息资料，进行市场调研分析</p>
                        <p>任职要求</p>
                        <p>1. 市场营销、广告、金融学、数学、会计等相关专业优先，性格外向</p>
                        <p>2. 最好有一年以上市场策划与推广经验</p>
                        <p>3. 熟悉电商推广方式，熟练操作社交媒体工具</p>
                        <template #footer>
                          <p>福利待遇</p>
                          <hr>
                          <p>1 六险一金，除了社保之外还有商业保险</p>
                          <p>2 免费提供住宿（住宿员工提供能耗补贴），提供工作餐餐补，季度奖金，年终奖</p>
                          <p>3 过年按时返工车费补贴，探亲假等</p>
                          <p>4 工作环境优雅，工作氛围轻松和谐</p>
                        </template>
                      </el-card>
                    </el-popover>
                  </div>

                </el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
          </el-menu>
        </el-col>
      </el-row>
    </div>
<div>
  <MainMenu/>
</div>
    <div>
      <UserMenu/>
    </div>
  </div>
</template>

<style scoped>
.all {
  position: fixed;
  list-style-type: none;
  margin-left: 400px;
  padding: 0;
  overflow: hidden;
  background-color: #39494d;
}
.all li {
  float: left;
}

.all li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.all li a:hover{
  color:#00e3e6 ;
}
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
</style>
<script>
import UserMenu from "@/components/UserMenu.vue";
import MainMenu from "@/components/MainMenu.vue";
export default {
  data(){
    return{
      user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):{},
    }
  },
  components:{
    UserMenu,MainMenu
  }
}
</script>